<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>加载动画</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="../../../../assets/css/reset.css"/>

    <link rel="stylesheet" href="../../../../assets/css/examples.css"/>

</head>
<body>
<h1>
    加载动画（Loading）
</h1>

<ul>
    <li>
        <a href="javascript:void(0)" id="begin">开起动画</a>
    </li>
</ul>

<p>加载5000秒后，自动隐藏loading</p>

<script  src="../../../../../core/$$.js"></script>
<script  src="../../../../../core/libs/zepto/zepto.min.js"></script>
<script  src="../../../../../core/libs/zepto/selector.js"></script>
<script  src="../../../../../core/libs/zepto/touch.js"></script>
<script  src="../../../../../core/libs/underscore-min.js"></script>
<script  src="../../../../../core/libs/oop.js"></script>
<script  src="../../../../../core/extend/prototype.js"></script>
<script  src="../../../../../core/extend/function.js"></script>
<script  src="../../../../../core/native/platformAdapter.js"></script>
<script  src="../../../../../core/native/api.js"></script>
<script  src="../../../../../core/native/eventListener.js"></script>
<script  src="../../../classes/XX.js"></script>
<script  src="../../../../config/url/dev.js"></script>

<script type="text/javascript">
    $('#begin').on('tap', function () {
        $$.Native.loadingBegin();
        setTimeout(function () {
            $$.Native.loadingFinish();
        }, 5000);
    });
</script>
</body>
</html>